@CHARSET "UTF-8";

body,h1,h2,h3,p,td,quote,small,form,input,ul,li,ol,label{
	margin:0px;
	padding:0px;
}

body{
	margin-top:20px;
	background-image: url(../../img/back.jpg); 
	background-attachment:fixed;

}

#leftbox{
     height:650px;
     width:370px;
     position:relative;
     float:left;
}

#mainbox-select {
	width:366px;
        height:30px;
        position:relative;
}

#mainbox {
     height:500px;
     width:366px;
     position:relative;
     float:left;
     overflow:-moz-scrollbars-vertical;
}

#rightbox{
     position:relative;
     float:left;
     height:500px;
     width:549px;
     margin-left:20px;

}



#list-area {
	width:350px;
        position:relative;
}

.list-no-mail {
	text-align: center;
	margin: 50px auto 50px;
}

.list-mail {
	position: relative;
	border-width:1px;
	padding: 4px;
        margin-bottom:4px;
        margin-right:12px;
}

.list-mail-id {
	display: none;
}

.list-mail-title, .list-mail-text {
	margin-bottom: 4px;
}

.list-mail-stamp {
	text-align: right;
}

#map-info{
    width:400px;
	height:300px;
}




#footer{
    position:fixed;
    bottom:4px;
	width:100%;
	
}
.countnum{
	color:#CCCCCC;
        position:relative;
	font-family:Georgia,serif;
	font-size:26px;
	font-weight:bold;
        display:inline;
}
.inputopacity{
	width:62%;
	margin-left:auto;
	margin-right:auto;
        opacity:0.85;
        color:#FFFFFF;
        border-style:solid;
        background: url("../../img/tranm.png");
        border:0;
        padding: 10px;
        border-radius: 1em;
}
#magicInputArea{
    width:100%;
    height:auto;
	overflow:hidden;
		
	border:1px solid #AAAAAA;
	font-family:'Lucida Grande',sans-serif;
	font-size:16px;
         
    max-height:100px;
    overflow-x:hidden;
    overflow-y:auto;
}
#magicInput{
	width:60%;
    margin:6px auto;
}
.clear{
	clear:both;
}
.label-textarea{
	font-size:20px;
	display:inline;
    position:relative;
    float:left;
    color:#DCDCDC;

}
.submitButton{
	color:#666666;
	font-size:14px;
	height:32px;
	width:115px;
	
	-moz-border-radius:6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	
	border:1px solid #cccccc;
	background:url(img/button_bg.gif) repeat-x #f5f5f5;
	float:right;
	cursor:pointer;
	position:relative;
    bottom:10px;

}

.submitButton:hover{
	background-position:bottom;
	border-color:#dddddd;
	color:#333333;
}

.inact,.inact:hover{
	background:#f5f5f5;
	border:1px solid #eeeeee;
	color:#aaaaaa;
	cursor:auto;
}